@charset "utf-8";
/* 2020 06 13 */
body{background:#fff;color:#222; font: 14px/22px; font-family: Arial,Microsoft YaHei\, SimHei,Helvetica,sans-serif;-webkit-text-size-adjust:none;line-height: 1.5; max-width:100%;overflow-x: hidden;letter-spacing: -0.1px;word-wrap: break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote{padding:0;margin:0;}
div,ul,li,ol,dd,dl,dt,p,h1,h2,h3,h4,h5,h6,a,span,input,textarea,button,select,form,i{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="text"],input[type="button"],textarea{ border:none;resize: none;-webkit-appearance:none;outline:medium;-webkit-tap-highlight-color:rgba(0,0,0,0);}
li{list-style-type:none;}
form{display:block;}
table{margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul{list-style:none;}   
caption,th {text-align:left;}
input:focus{outline: 0;}
input, textarea, select {border: none; resize: none; -webkit-appearance: none; outline: medium; -webkit-tap-highlight-color: rgba(0,0,0,0); background: none; }
a{text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }
body{word-break: break-all;}

/* input placeholder color */
:-moz-placeholder {color: #ccc; font-size: .56rem;}
::-moz-placeholder {color: #ccc; font-size: .56rem;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #ccc; font-size: .56rem;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc; font-size: .56rem;}
.input-placeholder{color: #ccc !important; font-size: .56rem;}
input,textarea,button {-webkit-user-select:auto; /*webkit浏览器*/ margin: 0px; padding: 0px; outline: none; }
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
.bodynoscrr{height: 100%; overflow: hidden;}
/*设备分辨率调整*/
html{font-size: 50px;} @media screen and (min-width:320px){html{font-size:21.33px}} @media screen and (min-width:360px){html{font-size:24px}} @media screen and (min-width:375px){html{font-size:25px}} @media screen and (min-width:384px){html{font-size:25.6px}} @media screen and (min-width:400px){html{font-size:26.67px}} @media screen and (min-width:414px){html{font-size:27.6px}} @media screen and (min-width:424px){html{font-size:28.27px}} @media screen and (min-width:480px){html{font-size:32px}} @media screen and (min-width:540px){html{font-size:36px}} @media screen and (min-width:720px){html{font-size:48px}} @media screen and (min-width:750px){html{font-size:50px}} @media screen and (min-width:768px){html{font-size:51.2px}} 

.view-wrap{max-width: 740px; min-width: 320px; width: 100%; height: 100%; margin: 0 auto; }
.list-flex,.list-flex-top,.list-flex-center,.list-flex-in,.list-flex-space,.list-flex-br,.list-flex-column{display:-webkit-box; display:-webkit-flex; display:flex;}
.list-flex,.list-flex-in{ -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.list-flex-top{-webkit-box-align:top; -webkit-align-items:top; align-items:top; }
.list-flex-center,.list-flex-in{-webkit-box-pack: center;justify-content:center;}
.list-flex-space{justify-content:space-between;}
.list-flex-in{text-align: center;}
.list-flex-br{flex-wrap:wrap;}
.list-flex-column{-webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;}
.list-row-reverse{ flex-direction: row-reverse;}
.list-bd{-webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; }
.list-br2{width: 50%;}
.list-br3{width: 33.33%;}
.list-br4{width: 25%;}
.list-br5{width: 20%;}

.fl-l{float: left;}
.fl-r{float: right;}
.pos-r{position: relative;}
.pos-r-z{position: relative;z-index: 1;}
.block100{display: block;width: 100%;}
.block100t{display: block;width: 100%;height: 100%;}
.line-clamp1,.line-clamp2,.line-clamp3{overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.line-clamp1{ -webkit-line-clamp: 1;}
.line-clamp2{ -webkit-line-clamp: 2;}
.line-clamp3{ -webkit-line-clamp: 3;}
.p-text,.p-text p{text-align: justify;word-break: break-all;}
.max-auto{max-width: 100%;max-height: 100%;}
.clear:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.hide{display: none;}
/* padding margin */
.pad-t10{padding-top: .4rem;}
.pad-t20{padding-top: .8rem;}
.pad-b10{padding-bottom: .4rem;}
.pad-b20{padding-bottom: .8rem;}
.pad-tb20{padding: .8rem 0;}
.mar-t10{margin-top: .4rem;}
.mar-t20{margin-top: .8rem;}
.mar-b10{margin-bottom: .4rem;}
.mar-b20{margin-bottom: .8rem;}
.mar-tb20{margin: .8rem 0;}
.mar-l12{margin-left: .48rem;}
.mar-r12{margin-right: .48rem;}
/* iphone x */
.iphonex-bottom{padding-bottom: calc(env(safe-area-inset-bottom) * 3);}
/* pic bg youlai */
.logo-bg{
	background-color: #ececec;
	background-image: url('../../../images/youlai/patient/logo/yllogo_grey.png');
	background-size: 60% auto;background-repeat: no-repeat;background-position: center;
}
/* loading */
.tinfo,.bromptbottom{font-size: .48rem;color: #666;text-align: center;padding: .8rem 0;}
.icon-loading{
	display: block;width: .64rem;height: .64rem;margin-right: .16rem;
	font-size: .48rem;color: #666;
	background-image: url('../../../images/youlai/patient/icon/loading.gif');
	background-size: 100%;background-repeat: no-repeat;background-position: center;
}
.icon01{
	background-image: url('../../../images/youlai/patient/icon/icon_01.png');
	background-size: 2rem .8rem;background-repeat: no-repeat;
}
.icon-goback{background-position: 0 0;}
.icon-close{background-position: right 0;}

/* header */
.header-wrap{height:1.76rem;padding: 0 .96rem;}
.header-btn{width: .8rem;height: .8rem;}
.header-left-btn{ position: absolute;left: .96rem;top: .48rem; }
.header-wrap h2{font-size: .68rem;color: #030303;text-align: center;font-weight: normal;}
.head-right-button{position: absolute;right: .96rem;top: .32rem;height: 1.12rem;padding: 0 .48rem;background: #D3DDE6;font-size: .56rem;color: #fff;line-height: 1.12rem;border-radius: 1.12rem;}
.head-right-button.ok{background: #2DD46F;}
.header-search-right{
	position: absolute;right: .72rem;top: 50%;width: .96rem;height: .96rem;margin-top: -.48rem;
    background-image: url(../../../images/youlai/patient/icon/icon_search.png);
    background-size: .96rem .96rem;background-repeat: no-repeat;
}

.fix-top{position: fixed;top: 0;left: 0;right: 0;z-index: 10000;background: #fff;}
.my-list-header,.header-wrap{background: #fff;}
.my-list-top1{padding-top: 1.76rem;}
.my-list-top2{padding-top: 3.68rem;}
.my-list-top3{padding-top: 6.32rem;}
.my-list-top4{padding-top: 4.96rem;}

/* no-content */
.no-content-wrap{padding: 1.12rem;}
.no-content-bg{
	width: 6.4rem;height: 6.4rem;margin: 0 auto;
	background-image: url('../../../images/youlai/patient/icon/nocontent_bg.png');
	background-size: 6.4rem 6.4rem;background-repeat: no-repeat;
}
.no-content-text{padding: .32rem 0 .8rem;font-size: .56rem;color: #666;text-align: center; }
.no-content-a{display: block;padding: 0 .48rem;border: .04rem solid #0071D1;font-size: .56rem;color: #0071D1;line-height: 1.28rem;border-radius: 1.28rem;}







